<%@ page language="java" contentType="text/html; charset=US-ASCII"
	pageEncoding="US-ASCII"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <link rel="stylesheet" type="text/css" href="css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<fmt:setBundle basename="Messages" />
<title><fmt:message key="Display.Login" /></title>
<link rel="stylesheet" href="jquery.treeview.css" />
<link rel="stylesheet" href="screen.css" />

<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.cookie.js" type="text/javascript"></script>
<script src="jquery.treeview.js" type="text/javascript"></script>

<script type="text/javascript" src="demo.js"></script>
<script>
	<script src="http://code.jquery.com/jquery-latest.js">
</script>
<script type="text/javascript"
	src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<style type="text/css">
* {
	font-family: Verdana;
	font-size: 96%;
}

label {
	width: 10em;
	float: left;
}

label.error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

p {
	clear: both;
}

.submit {
	margin-left: 12em;
}

em {
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}
</style>
<script>
	$(document).ready(function() {
		$("#commentForm").validate();
	});
</script>

</head>
<body>
<img src="img/logo_ISS.jpg" class="logo" />
	<div class="header">
		<div style="float: left; margin: 11px auto 0 auto">
			<h1>
				<fmt:message key="Display.InstituteofSystemScience" />
			</h1>
		</div>
		<div style="float: right; margin: 11px auto 0 auto">
			<h1>
				<fmt:message key="Display.FacilitiesBookingSystem" />
			</h1>
		</div>
	</div>
	<div class="site_content">
		
				<div class="content" style="width:950px">
					<center>
						<form action="LoginServlet" method="post" class="cmxform"
							id="commentForm">
							${result}
							<table style=" margin: 10px 0 0px 0;background:#FFF;width:450px;height:200px;">
								<tr>
									<td><fmt:message key="Display.StaffID" /></td>
									<td><input type="text" name="StaffID" id="cname"
										class="required" /></td>
								</tr>
								<tr>
									<td><fmt:message key="Display.Password" /></td>
									<td><input type="password" name="Password" id="cpassword"
										class="required" minlength="2" /> <br /> <a
										href="ForgetPassword.jsp"><fmt:message
												key="Display.ForgetPassword" /></a></td>

								</tr>

								<tr>
									<td><fmt:message key="Display.Role" /></td>
									<td><select name="Role">
											<option value="Staff">
												<fmt:message key="Display.Staff" />
											</option>
											<option value="Manager">
												<fmt:message key="Display.Manager" />
											</option>
											<option value="Admin">
												<fmt:message key="Display.Admin" />
											</option>
									</select></td>
								</tr>
								<tr>
									<td colspan="2" >
									<center>
									<input type="submit"
										value=<fmt:message key="Display.Login"/> class="ButtonStyle" />
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="reset"
										value=<fmt:message key="Display.Reset"/> class="ButtonStyle"/>
										</center></td>
								</tr>
							</table>
						</form>

					</center>
				</div>

			</div>
		
	<div class="footer" style="align:center">
	Copyright@ Team3 Erudites
	</div>

</body>
</html>